<template>
  <!-- 系统课 页面 -->
  <div class="S_C_box">
    <!-- navbar -->
    <SclassTitleNavbar />
    <!-- 通知栏 -->
    <van-notice-bar mode="closeable" scrollable
      >米袋虽空——樱花开哉！</van-notice-bar
    >
    <!-- 主体 -->
    <div class="content_box">
      <!-- 广告牌 -->
      <SclassAdCard />
      <!-- 内容列表 -->
      <SclassList />
    </div>
  </div>
  <!-- 省份弹出框 -->
  <Area />
</template>

<script>
import SclassTitleNavbar from "./component/SclassTitleNavbar.vue";
import SclassAdCard from "./component/SclassAdCard.vue";
import SclassList from "./component/SclassList.vue";
import Area from "@/components/area/index.vue";
export default {
  components: { SclassTitleNavbar, SclassAdCard, SclassList, Area },
};
</script>

<style lang="less" scoped>
.S_C_box {
  width: 100%;
  height: 100%;
  padding: 3rem 0;
  box-sizing: border-box;
  .content_box {
    width: 100%;
    // height: 100%;
    overflow: hidden;
    padding: 0 0.5rem;
    box-sizing: border-box;
  }
}
</style>
